import styled from 'styled-components'
export const DjradioProgramsWrapper = styled.div`
  .songs{
    table{
      tbody {
        tr{
          height: 17px;
          line-height:17px;
        }
        td {
          padding: 12px 10px;
        }
        tr:nth-child(2n) {
          background-color: #fff;
        }
        tr:nth-child(2n+1) {
          background-color: #f7f7f7;
        }
        .rank-num {
          display: flex;
          .num {
            width: 25px;
            height: 18px;
            text-align: center;
            color: #999;
          }
          .play {
            width: 17px;
            height: 17px;
            background-position: 0 -103px;
            cursor:pointer;
            margin-left:10px;
          }  
        }
        .song-name {
          display: flex;
          align-items: center;
          width:260px;
          .name {
            margin-left: 10px;
            cursor:pointer;
          }

        }
        
      }
  }
  }
`